<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Listado de proyectos de cooperación o de sensibilización.</title>        
        <link href="recursos/general.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function crearMensaje(xhr, status, args){
                if(args.proyectoModif){
                    msgModif.show();
                    proyectoDialog.hide();
                }else if(args.proyectoNoModif){
                    msgNoModif.show();
                    proyectoDialog.hide();
                }else if(args.consultar){
                    proyectoDialog.hide();
                }else if(args.proyectoBorrado){
                    msgBorrado.show();
                }else if(args.proyectoNoBorrado){
                    msgNoBorrado.show();
                }else if(args.proyectoDesactivado){
                    msgDesactivado.show();
                }else if(args.proyectoNoDesactivado){
                    msgNoDesactivado.show();
                }else if(args.faltanDatos){
                    faltanDatos.show();
                }else if(args.personaC){
                    personaContactoDialog.hide();              
                }else if(args.personaNC){
                    faltanDatos.show();
                }
            }
            function descargar(archivo){
                window.open(archivo); 
            }
        </script>
    </h:head>
    <h:body>
        <h:form id="form">
            <!--Declaro la variable que pasaré a los bean para reutilizar las pantallas-->
            <f:metadata>
                <f:viewParam name="nuevo" value="#{sesionBean.strVariable}"/>
            </f:metadata>
            <f:phaseListener binding="#{sesionBean.phaseListenerImpl}" type="ongd.web.PhaseListenerImpl"/>
            
            <!--Nos mostrará el título de la página -->
            <h:outputText value="#{listado_ProyectoSensibilizacionCooperacion.titulo}" styleClass="textoTitulo"/>

            <!--Tabla que muestra los proyectos de cooperación o sensibilización activos de la base de datos -->
            <p:dataTable id="panel" value="#{listado_ProyectoSensibilizacionCooperacion.proyectos}" var="proyecto" paginator="true"  rows="30" 
                         paginatorPosition="bottom" emptyMessage="No se han encontrado proyectos" style="margin-top: 10px;">
                <p:column filterBy="#{proyecto.nombre}" filterMatchMode="contains" style="width: 20%;">
                    <f:facet name="header">
                        <h:outputText value="Nombre"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.nombre}"/> 
                </p:column>  
                <p:column style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Pais"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.pais}"/> 
                </p:column> 
                <p:column style="width: 20%;"> 
                    <f:facet name="header">
                        <h:outputText value="Responsable ONGD"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.responsableONGD}"/> 
                </p:column> 
                <p:column style="width: 15%;">  
                    <f:facet name="header">
                        <h:outputText value="Presupuesto total"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.presupuestoTotal}">
                        <f:convertNumber pattern="0.00"/> 
                    </h:outputText>
                </p:column>
                <p:column style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Fecha de inicio"/>
                    </f:facet>
                    <h:outputText value="#{proyecto.fechaInicio}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputText> 
                </p:column>
                <p:column style="width: 15%;"> 
                    <f:facet name="header">
                        <h:outputText value="Opciones"/>
                    </f:facet>
                    <p:commandButton update="dialogo,form:display, form:panel2, form:panel3"  action="#{listado_ProyectoSensibilizacionCooperacion.consultarProyecto}"  
                                     image="ui-icon ui-icon-search" oncomplete="proyectoDialog.show()" title="Consultar">  
                        <f:setPropertyActionListener value="#{proyecto}" target="#{listado_ProyectoSensibilizacionCooperacion.proyecto}" />  
                    </p:commandButton> 
                    <p:commandButton update="dialogo,form:display, form:panel2, form:panel3"  action="#{listado_ProyectoSensibilizacionCooperacion.editarProyecto}"  
                                     image="ui-icon ui-icon-pencil" oncomplete="proyectoDialog.show()" title="Editar">  
                        <f:setPropertyActionListener value="#{proyecto}" target="#{listado_ProyectoSensibilizacionCooperacion.proyecto}" />  
                    </p:commandButton> 
                    <p:commandButton update="aviso" oncomplete="borrarProy.show()" title="Borrar"
                                     image="ui-icon ui-icon-closethick">
                        <f:setPropertyActionListener value="#{proyecto}" target="#{listado_ProyectoSensibilizacionCooperacion.proyecto}" />
                    </p:commandButton>
                </p:column> 
            </p:dataTable>

            <p:commandButton value="Exportar" styleClass="botonGrande" style="margin-top: 10px;" onclick="exportarDialog.show();"/>
            <p:dialog widgetVar="exportarDialog" header="Exportar datos" styleClass="dialogoNormal" modal="true" resizable="false" width="180">
                <!--Panel que permite exportar el contenido de la tabla a pdf o xls -->
                <h:panelGrid columns="2">
                    <h:commandLink  onclick="exportarDialog.hide();">
                        <p:graphicImage value="/imagenes/pdf.jpg" height="80px" width="60px"/>  
                        <p:dataExporter type="pdf" target="panel" fileName="Listado_Proyectos" excludeColumns="5"/>
                    </h:commandLink>
                    <h:commandLink>
                        <p:graphicImage value="/imagenes/xls.jpg" height="90px" width="90px"/>
                        <p:dataExporter type="xls" target="panel" fileName="Listado_Proyectos" excludeColumns="5"/>
                    </h:commandLink>
                </h:panelGrid>
            </p:dialog>

            <!--Dialogo que muestra los datos del proyecto seleccionado -->
            <p:dialog id="dialogo" header="Datos proyecto" widgetVar="proyectoDialog" resizable="false"  
                      width="680" modal="true" closable="false" styleClass="dialogoNormal">
                <!--Panel con los datos del proyecto -->
                <p:panel id="display">
                    <table>
                        <tr>
                            <td>
                                <h:outputText value="Nombre:" styleClass="texto"/>
                            </td>
                            <td colspan="3">
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.nombre}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"
                                             style="width: 430px !important;"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Localidad:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.localidad}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"/>  
                            </td>
                            <td>
                                <h:outputText value="Provincia:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.provincia}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"/>
                            </td>                            
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Region:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.region}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"/>
                            </td>
                            <td>
                                <h:outputText value="Pais:" styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.pais}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"/>
                            </td>                            
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Socio Local:" styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.socioLocal}" styleClass="textoI"/>
                            </td>
                            <td>
                                <h:outputText value="Responsable de la ongd:" styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.responsableONGD}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"/> 
                            </td>
                        </tr>
                        <tr>
                            <td width="150px">
                                <h:outputText value="Presupuesto total:" styleClass="texto"/>  
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.presupuestoTotal}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"/> 
                            </td>
                            <td>
                                <h:outputText value="Documento adjunto:" styleClass="texto"/>
                            </td>
                            <td>
                                <h:panelGrid columns="2">
                                    <p:fileUpload auto="true" fileUploadListener="#{listado_ProyectoSensibilizacionCooperacion.subirAdjunto}" update="adjuntoDescarga"
                                                  rendered="#{listado_ProyectoSensibilizacionCooperacion.editarProyecto}"/>
                                    <p:commandButton id="adjuntoDescarga" type="button" value="Descargar" disabled="#{listado_ProyectoSensibilizacionCooperacion.proyecto.documentoAdjunto==null}"
                                                     onclick="descargar('ficherosAdjuntos/#{listado_ProyectoSensibilizacionCooperacion.proyecto.documentoAdjunto}')"
                                                     styleClass="botonNormal"/>
                                </h:panelGrid>                               
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Descripción:" styleClass="texto"/> 
                            </td>
                            <td colspan="3">
                                <p:inputTextarea value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.descripcion}" 
                                                 readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" styleClass="textoI"
                                                 autoResize="false" style="width: 430px !important;"/> 
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Fecha de inicio:" styleClass="texto"/>  
                            </td>
                            <td width="150px">
                                <p:calendar showOn="button" navigator="true" maxdate="new Date()" disabled="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}"
                                            value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.fechaInicio}" size="9"/> 
                            </td>
                            <td>
                                <h:outputText value="Fecha de fin:" styleClass="texto"/> 
                            </td>
                            <td width="150px">
                                <p:calendar showOn="button" navigator="true" maxdate="new Date()" disabled="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}"
                                            value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.fechaFin}" size="9"/> 
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Fecha de entrega:" styleClass="texto"/>
                            </td>
                            <td>
                                <p:calendar showOn="button" navigator="true" maxdate="new Date()" disabled="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}"
                                            value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.fechaEntrega}" size="9"/>
                            </td>
                        </tr>
                    </table>
                </p:panel>

                <!--Tabla con las personas de contacto que pertenecen al proyecto seleecionado -->
                <p:dataTable style="margin-top: 5px; width: 480px; margin-left: 80px;" id="panel2" value="#{listado_ProyectoSensibilizacionCooperacion.personasContacto}" var="personaContacto" paginator="true"  rows="3" 
                             paginatorPosition="bottom" emptyMessage="No se han encontrado personas de contacto para el proyecto"  >
                    <f:facet name="header">
                        Personas de contacto
                    </f:facet>
                    <p:column filterBy="#{personaContacto.nombre}" filterMatchMode="contains" style="width: 100px;">
                        <f:facet name="header">
                            Nombre
                        </f:facet>
                        <h:outputText value="#{personaContacto.nombre}"/> 
                    </p:column>  
                    <p:column filterBy="#{personaContacto.apellidos}" filterMatchMode="contains" style="width: 100px;"> 
                        <f:facet name="header">
                            Apellidos
                        </f:facet>
                        <h:outputText value="#{personaContacto.apellidos}"/> 
                    </p:column> 
                    <p:column style="width: 100px;"> 
                        <f:facet name="header">
                            Telefono 1
                        </f:facet>
                        <h:outputText value="#{personaContacto.telefono1}"/> 
                    </p:column> 
                    <p:column style="width: 100px;"> 
                        <f:facet name="header">  
                            Opciones 
                            <p:commandButton update="form:display2, dialogo2" oncomplete="personaContactoDialog.show()" image="ui-icon ui-icon-plusthick" title="Añadir persona"
                                             action="#{listado_ProyectoSensibilizacionCooperacion.annadirPersonaContacto}" disabled="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}"/>
                        </f:facet> 
                        <p:commandButton update="dialogo2,form:display2"  action="#{listado_ProyectoSensibilizacionCooperacion.consultarPersonaContacto}"  
                                         image="ui-icon ui-icon-search" oncomplete="personaContactoDialog.show()" title="Consultar">  
                            <f:setPropertyActionListener value="#{personaContacto}" target="#{listado_ProyectoSensibilizacionCooperacion.personaContacto}" />  
                        </p:commandButton> 
                        <p:commandButton update="dialogo2,form:display2, form:panel2"  action="#{listado_ProyectoSensibilizacionCooperacion.editarPersonaContacto}" title="Editar" 
                                         image="ui-icon ui-icon-pencil" oncomplete="personaContactoDialog.show()" disabled="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}">  
                            <f:setPropertyActionListener value="#{personaContacto}" target="#{listado_ProyectoSensibilizacionCooperacion.personaContacto}" />   
                        </p:commandButton> 
                        <p:commandButton update="aviso, form:panel" disabled="#{!listado_ProyectoSensibilizacionCooperacion.editarProyecto}" title="Borrar"
                                         image="ui-icon ui-icon-closethick" oncomplete="borrarPersonaC.show()">
                            <f:setPropertyActionListener value="#{personaContacto}" target="#{listado_ProyectoSensibilizacionCooperacion.personaContacto}" /> 
                        </p:commandButton>
                    </p:column>

                </p:dataTable>

                <!--Tabla con las subvenciones que tiene el proyecto -->
                <p:dataTable style="margin-top: 5px; width: 280px; margin-left: 170px;" id="panel3" value="#{listado_ProyectoSensibilizacionCooperacion.proyecto.subvencionList}" var="subvencion" paginator="true"  rows="3" 
                             paginatorPosition="bottom" emptyMessage="No se han encontrado subvenciones para el proyecto">
                    <f:facet name="header">
                        Subvenciones
                    </f:facet>
                    <p:column filterBy="#{subvencion.entidad}" filterMatchMode="contains" style="width: 150px;">
                        <f:facet name="header">
                            Entidad
                        </f:facet>
                        <h:outputText value="#{subvencion.entidad}"/> 
                    </p:column> 
                    <p:column style="width: 100px;">
                        <f:facet name="header">
                            Importe socilitado
                        </f:facet>
                        <h:outputText value="#{subvencion.importeSolicitado}" > 
                            <f:convertNumber pattern="0.00"/> 
                        </h:outputText> 
                    </p:column>
                </p:dataTable>
                <p:commandButton value="Aceptar" oncomplete="crearMensaje(xhr, status, args)"
                                 action="#{listado_ProyectoSensibilizacionCooperacion.aceptarProyecto}"
                                 style="margin-top: 5px; margin-left: 10px;" styleClass="botonGrande" />
            </p:dialog>

            <!--Mensajes de avisos tras cerrar el dialogo que muestra los datos del proyecto -->
            <p:confirmDialog message="El proyecto ha sido modificado correctamente" severity="info" widgetVar="msgModif" styleClass="dialogoGrande"
                             modal="true"/>
            <p:confirmDialog message="El proyecto no ha sido modificado" severity="info" widgetVar="msgNoModif" styleClass="dialogoGrande" modal="true"/>
            <p:confirmDialog message="Faltan datos obligatorios por rellenar" severity="info" widgetVar="faltanDatos" styleClass="dialogoGrande" modal="true"/>

            <!--Dialogo que muestra los datos de la persona de contacto -->
            <p:dialog id="dialogo2" header="Datos persona de contacto" widgetVar="personaContactoDialog" resizable="false"  
                      width="550" modal="true" closable="false" styleClass="dialogoNormal">
                <p:panel id="display2">
                    <table>
                        <tr>
                            <td>
                                <h:outputText value="Nombre: *" styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.nombre}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"/> 
                            </td>
                            <td>
                                <h:outputText value="Apellidos: " styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.apellidos}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"/> 
                            </td>                            
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Dirección: *" styleClass="texto"/> 
                            </td>
                            <td colspan="3">
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.direccion}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"
                                             style="width: 360px !important;"/> 
                            </td>                                                        
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Cargo: *" styleClass="texto"/>
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.cargo}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"/>
                            </td>
                            <td>
                                <h:outputText value="Email: " styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.email}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"/> 
                            </td>                            
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Telefono1: *" styleClass="texto"/>  
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.telefono1}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"/> 
                            </td>
                            <td>
                                <h:outputText value="Telefono2: " styleClass="texto"/> 
                            </td>
                            <td>
                                <p:inputText value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.telefono2}" 
                                             readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"/> 
                            </td>                            
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Observaciones: " styleClass="texto"/> 
                            </td>
                            <td colspan="3">
                                <p:inputTextarea value="#{listado_ProyectoSensibilizacionCooperacion.personaContacto.observaciones}" 
                                                 readonly="#{!listado_ProyectoSensibilizacionCooperacion.editarPersionaContacto}" styleClass="textoI"
                                                 autoResize="false" style="width: 360px !important;" /> 
                            </td>                            
                        </tr>
                    </table>
                </p:panel>
                <p:commandButton value="Aceptar"  oncomplete="crearMensaje(xhr, status, args)"
                                 action="#{listado_ProyectoSensibilizacionCooperacion.aceptarPersonaContacto}" styleClass="botonNormal"
                                 style="margin-top: 5px;"/>
            </p:dialog>

            <!--Dialogo que te permite borrar a una bersona de contacto -->
            <p:confirmDialog message="¿Deseas borrar la persona de contacto?" severity="alert" modal="true"
                             header="Iniciar borrado" widgetVar="borrarPersonaC" width="300" styleClass="dialogoNormal">
                <p:commandButton value="Si" action="#{listado_ProyectoSensibilizacionCooperacion.borrarPersonaContacto}" onclick="borrarPersonaC.hide()"
                                 update="form:panel2" styleClass="botonGrande"/>
                <p:commandButton value="No" onclick="borrarPersonaC.hide()" update="form:panel2" styleClass="botonGrande"/>
            </p:confirmDialog>

            <!--Dialogo que permite borrar o desactivar un proyecto -->
            <p:confirmDialog message="Elija la opción deseada" severity="alert" modal="true"
                             header="Borrar o desactivar" widgetVar="borrarProy" width="300" styleClass="dialogoNormal">
                <p:commandButton value="Borrar" action="#{listado_ProyectoSensibilizacionCooperacion.borrarProyecto}" onclick="borrarProy.hide()"  
                                 update="panel" oncomplete="crearMensaje(xhr, status, args)" styleClass="botonGrande"/>
                <p:commandButton value="Desactivar" action="#{listado_ProyectoSensibilizacionCooperacion.desactivarProyecto}" onclick="borrarProy.hide()" 
                                 update="panel" oncomplete="crearMensaje(xhr, status, args)" styleClass="botonGrande"/>
            </p:confirmDialog>

            <!--Mensajes de aviso tras borrar o desactivar un proyecto -->
            <p:confirmDialog message="El proyecto ha sido borrado correctamente" severity="info" widgetVar="msgBorrado" styleClass="dialogoGrande" modal="true"/>
            <p:confirmDialog message="No se puede borrar ya que tiene subvenciones canceladas o rechazadas" severity="info" widgetVar="msgNoBorrado" styleClass="dialogoGrande" modal="true"/>
            <p:confirmDialog message="El proyecto ha sido desactivado" severity="info" widgetVar="msgDesactivado" styleClass="dialogoGrande" modal="true"/>
            <p:confirmDialog message="El proyecto no ha sido desactivado" severity="info" widgetVar="msgNoDesactivado" styleClass="dialogoGrande" modal="true"/>
        </h:form>
    </h:body>
</html>